.user-login {
  height: 100vh;
  position: relative;
  overflow: hidden;

  .user-login-back {
    margin-left: 30rpx;
  }

  .user-login-title {
    margin-top: 115rpx;
    margin-left: 60rpx;
    font-family: PingFangSC-Semibold;
    font-size: 48rpx;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rpx;
    color: #262424;
  }


  .user-login-form {
    margin-top: 68rpx;

    margin: 0 60rpx;
    margin-top: 68rpx;

    .user-login-form-item {
      height: 112rpx;
      border-bottom: 1rpx solid #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .user-login-form-item-phone {
      }

      .user-login-form-item-phone-placeholder-style {
        font-family: PingFangSC-Regular;
        font-size: 30rpx;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0rpx;
        color: #ccc8c8;
      }

      .user-login-form-item-verification-code {
      }

      .user-login-form-item-verification-code-placeholder-style {
        font-family: PingFangSC-Regular;
        font-size: 30rpx;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0rpx;
        color: #ccc8c8;
      }

      .user-login-form-item-verification-code-count-down {
        font-family: PingFangSC-Regular;
        font-size: 24rpx;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0rpx;
        color: #ccc8c8;
      }

      .user-login-form-item-verification-code-send {
        font-family: PingFangSC-Regular;
        font-size: 24rpx;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0rpx;
        color: #ccc8c8;
      }

      .user-login-form-item-verification-code-send-active {
        color: #0083f5;
      }
    }

    .user-login-form-login-button {
      margin-top: 45rpx;

      .user-login-form-login-button-custom {
        background-color: #9ccdfc;
        color: white;
      }

      .user-login-form-login-button-custom-active {
        background-color: #0083f5;
      }
    }
  }

  .user-login-other-method {
    position: absolute;
    bottom: 270rpx;
    left: 50%;
    transform: translateX(-50%);

    .user-login-other-method-title {
      font-size: 25rpx;
      color: #989898;
    }

    .user-login-other-method-icons {
      display: flex;
      justify-content: center;
      margin-top: 60rpx;

      .user-login-other-method-icon {
        width: 80rpx;
        height: 80rpx;
      }
    }
  }


}